<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/laydate1.css">
    <link rel="stylesheet" href="css/laydate2.css">
    <script type="text/javascript" src="js/laydate.js"></script>
    <style>
        .listTitle div,
        .listContent_item div {
            font-size: 0.18rem;
            float: left;
            width: 20%;
            text-align: center;
        }
        
        .right_part_content .listTitle {
            width: 100%;
        }
        
        .listContent_item div {
            min-height: 1px;
        }
        
        .right_part_content {
            margin-top: 35px;
        }
        
        .listTitle>div {
            margin-top: 0.2rem;
        }
        
        .searchTPLog {
            margin-left: 1rem;
            height: 0.32rem;
            width: 0.88rem;
            background-color: #009fec;
            color: #fff;
            border: 1px solid #009fec;
            border-radius: 2px;
        }
    </style>
</head>

<body>
    <div id="section">
        <div class="left_part">
            <ul>
                <li class="left_partActive"><span>>  TP日志</span></li>
            </ul>
        </div>
        <div class="right_part">
            <div class="right_part_content">
                <div>
                    <span>开始时间：</span>
                    <input placeholder="请输入开始时间" class="timeBegin" name="timeBegin" onClick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
                    <span class="marginLeft">结束时间：</span>
                    <input placeholder="请输入结束时间" class="timeOver" name="timeOver" onClick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
                </div>
                <div>
                    <span>源IP：</span>
                    <input type="text" class="rootIp" name="org_src" onblur="this.value=this.value.replace(/[^(\d*\.\d*\.\d*\.\d*)]+/,'')">
                    <span class="marginLeft">目的IP：</span>
                    <input type="text" class="aimIp" name="org_dst" onblur="this.value=this.value.replace(/[^(\d*\.\d*\.\d*\.\d*)]+/,'')">
                    <button class="searchTPLog">搜索</button>
                </div>
                <div class="listTitle">
                    <div><span>时间</span></div>
                    <div><span>源IP/端口</span></div>
                    <div><span>目的IP/端口</span></div>
                    <div><span>出口源IP/端口</span></div>
                    <div><span>出口目的IP/端口</span></div>
                    <div class="clear"></div>
                </div>
                <div class="listContent">
                </div>
            </div>
        </div>
    </div>
</body>
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/layer/layer.js"></script>
<script src="js/common.js"></script>
<script src="js/config.js"></script>
<script src="js/logAnalysis.js"></script> 

</html>